@import "@/lib/reset.scss";

.header {
  font-family: PingFang SC;
  @include flex();
  /deep/.van-tab {
    @include flex(none);
    font-size: 0.15rem;
    width: 0.725rem;
  }
  /deep/.van-tabs__wrap {
    padding-bottom: 0.05rem;
  }
  /deep/.van-tabs__line {
    bottom: 0.16rem;
  }
  /deep/.van-tab--active {
    font-size: 0.18rem;
  }
  /deep/[class*=van-hairline]::after {
    border-bottom: 0.02rem solid rgba(229, 229, 229, 1);
  }
  .users-slot {
    width: 0.165rem;
    height: 0.19rem;
    position: absolute;
    right: 0.16rem;
    top: 0.1rem;
  }
  .news-publish {
    position: fixed;
    right: 0.195rem;
    bottom: 0.84rem;
    @include rect(0.55rem, 0.55rem);
    line-height: 0.55rem;
    text-align: center;
    background: #FDD949;
    color: #030060;
    font-size: 0.17rem;
    font-weight: 500;
    border-radius: 50%;
    box-shadow: 0.005rem 0.045rem 0.045rem rgba(253, 217, 73, .5);
  }
  .hot-tag {
    @include rect(100%, auto);
    @include clearfix();
    padding: 0.085rem 0;
    li {
      @include rect(49%, auto);
      padding: 0 0 0 0.16rem;
      float: left;
      font-size: 0.14rem;
      color: #1C1C1C;
      font-weight: 500;
      &:nth-child(odd) {
        border-right: 0.01rem solid #EDEDED;
      }
      span {
        display: inline-block;
        max-width: 1.4rem;
        padding: 0 0.1rem 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-shadow: 0 0.01rem 0.01rem #F5F5DC;
      }
      .hot-icon {
        display: inline-block;
        width: 0.135rem;
        height: 0.135rem;
        background: url('./../../assets/img/re.png') no-repeat center center / 0.13rem 0.13rem;
        position: relative;
        top: -0.03rem;
      }
    }
  }
}